	  
	  this.imgsrc=[];
	  this.index="";
	  this.start=0;
	  this.movend=0;
	  var that = this;
	  //点击图片 开始预览
		$(document).on("tap", ".imgs  img", function() {
			var windowheigth=$(document).height();
			$(".bg").css("height",windowheigth)
			$(".bg").css("display", "block")
			var s = $(this).parent().children("img");
			that.index = $(this).index();   //$(this).attr("index");  // 这个是获取图片的初级索引
			that.imgsrc = [];
			for (var i = 0; i < s.length; i++) {
				imgsrc.push(s[i].currentSrc)
			}
			var src = that.imgsrc[index];
			$(".bgimg").children("img").attr("src", src);
			$("body").on("touchmove", function(e) {
				e.preventDefault()
			}, false)
		})
	// 点击图片关闭预览
	$(document).on("tap", ".bg", function() {
		$(".bg").css("display", "none");
		$("body").off("touchmove");
	})
	
	//开始滑动
	$(".bg").on("touchstart", function(e) {
		e.preventDefault();
		that.start = e.originalEvent.changedTouches[0].pageX;
	});
	
	//滑动结束
		$(".bg").on("touchend", function(e) {
		e.preventDefault();
		that.movend = e.originalEvent.changedTouches[0].pageX;
		var cha = that.movend - that.start;
		var length = that.imgsrc.length;
			if (cha < 0) {
			if (that.index == (length-1)) {
				alert("已经是最后一张图片了")
			} else {
					that.index++;
					$(".bgimg").children("img").css("animation", "rightto 0.5s");
				    $(this)[0].addEventListener("webkitAnimationEnd",function(){
					 // 动画结束就直接去除这个动画
				   $(".bgimg").children("img").css("animation","");
				});
				$(".bgimg").children("img").attr("src", that.imgsrc[that.index]);
			}
		}
		if (cha > 3) {
			if (that.index == 0) {
				alert("已经是第一张图片了")
			} else {
				that.index--;
				$(".bgimg").children("img").css("animation", "lefttoright 0.5s");
				 $(this)[0].addEventListener("webkitAnimationEnd",function(){
     	 // 动画结束就直接去除这个动画
        $(".bgimg").children("img").css("animation","");
     });
		$(".bgimg").children("img").attr("src", that.imgsrc[that.index]);
			}
		}
	
	})
	
	

//  1. 注意下面html代码 是直接放到body皆可以使用的 
// <div class="bg" style="display:none">
// 			<div class="bgimg"><img src="../image/drug.png" style=""></div>
// 		</div>
//  2. 注意点击的图片预览 他的兄弟元素全部都是一样的 img 标签
//  3. 最好在页面中映入这个JS

